<template>
  <div v-if="isVisible" class="fixed top-0 left-0 w-full h-1 bg-background-800 z-[70]">
    <div 
      class="h-full bg-gradient-to-r from-primary-500 via-ai-generated to-primary-600 transition-all duration-normal ease-out"
      :style="{ width: progress + '%' }"
    ></div>
  </div>
</template>

<script setup lang="ts">
interface Props {
  isVisible: boolean
  progress: number
}

defineProps<Props>()
</script> 